<template>
    <div style="width:100%">
        <!-- <div class="model-margin" v-if="power('WJOB_BASEMGR_VEHICLE') || power('WJOB_BASEMGR_MACHINE') || power('WJOB_BASEMGR_TERMINAL') || power('WJOB_BASEMGR_ENTRUSTSPLIT')"> -->
        <div class="model-margin">
            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">资源管理</h3>
            </div>
            <el-row>
                <!-- WJOB_BASEMGR_VEHICLE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_VEHICLE')" class="common-operating-platform">
                    <div @mouseover="show('carManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/carManager.png" />
                            <span class="model-title-font">车辆管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='carManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('jobVehicleForm')" v-if="power('WJOB_BASEMGR_VEHICLE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/JobVehicle',name:'车辆管理'})" v-if="power('WJOB_BASEMGR_VEHICLE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <!-- WJOB_BASEMGR_MACHINE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_MACHINE')" class="common-operating-platform">
                    <div @mouseover="show('machineManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/machineManager.png" />
                            <span class="model-title-font">机械管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='machineManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('jobMachineryForm')" v-if="power('WJOB_BASEMGR_MACHINE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/JobMachinery',name:'机械管理'})" v-if="power('WJOB_BASEMGR_MACHINE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_TERMINAL -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_TERMINAL')" class="common-operating-platform">
                    <div @mouseover="show('terminalManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/terminalManager.png" />
                            <span class="model-title-font">终端管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='terminalManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('jobTerminalForm')" v-if="power('WJOB_BASEMGR_TERMINAL:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/JobTerminal',name:'终端管理'})" v-if="power('WJOB_BASEMGR_TERMINAL:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_ENTRUSTSPLIT -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT')" class="common-operating-platform">
                    <div @mouseover="show('ship')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/ship.png" />
                            <span class="model-title-font">船舶资料</span>
                        </div>
                        <div class="box handle" :style="isActive=='ship'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('shipForm')" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/ship',name:'船舶资料'})" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <!-- WJOB_BASEMGR_TRANSPORTLINE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_TRANSPORTLINE')" class="common-operating-platform">
                    <div @mouseover="show('transportLine')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/transportLine.png" />
                            <span class="model-title-font">专运线管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='transportLine'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('specialTransportLineForm')" v-if="power('WJOB_BASEMGR_TRANSPORTLINE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/specialTransportLine',name:'专运线管理'})" v-if="power('WJOB_BASEMGR_TRANSPORTLINE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_TRANSPORTLINEMACHINE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_TRANSPORTLINEMACHINE')" class="common-operating-platform">
                    <div @mouseover="show('transportLineMachine')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/transportLineMachine.png" />
                            <span class="model-title-font">专运线机械配置</span>
                        </div>
                        <div class="box handle" :style="isActive=='transportLineMachine'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('specialTransportLineMachineForm')" v-if="power('WJOB_BASEMGR_TRANSPORTLINEMACHINE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/specialTransportLineMachine',name:'专运线机械配置'})" v-if="power('WJOB_BASEMGR_TRANSPORTLINEMACHINE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            <!-- </el-row>
            <el-row style="margin-top:40px"> -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_JOBPOINT')" class="common-operating-platform">
                    <div @mouseover="show('workPoint')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/workPoint.png" />
                            <span class="model-title-font">作业点管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='workPoint'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('operationPointAddForm')" v-if="power('WJOB_BASEMGR_JOBPOINT:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/operationPoint',name:'作业点管理'})" v-if="power('WJOB_BASEMGR_JOBPOINT:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <!-- <el-col :span="4" v-if="power('WPTMGR_BASEMGR_PORT')">
                    <div @mouseover="show('terminalJournal')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/terminalJournal.png" />
                            <span class="model-title-font">终端登录日志</span>
                        </div>
                        <div class="box handle" :style="isActive=='terminalJournal'?'':'display: none'">
                            <ul>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/terminal',name:'终端登录日志'})"
                                    v-if="power('WPTMGR_BASEMGR_PORT:QUERY')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>上离岗</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col> -->
            </el-row>
        </div>
<!-- WJOB_BASEMGR_CONTAINERTYPE -->
        <!-- <div class="model-margin model-margin-top" v-if="power('WJOB_BASEMGR_CONTAINERTYPE') || power('WJOB_BASEMGR_CONTAINERTYPE')"> -->
        <div class="model-margin model-margin-top">

            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">集装箱</h3>
            </div>
            <el-row>
                <el-col :span="4" v-if="power('WJOB_BASEMGR_CONTAINERTYPE')" class="common-operating-platform">
                    <div @mouseover="show('boxManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/boxManager.png" />
                            <span class="model-title-font">箱型管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='boxManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('containerTypeForm')" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/ContainerType',name:'箱类型管理'})" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_CONTAINERTYPE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_CONTAINERTYPE')" class="common-operating-platform">
                    <div @mouseover="show('boxSize')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/boxSize.png" />
                            <span class="model-title-font">箱型尺寸管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='boxSize'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('containerSizeForm')" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/ContainerSize',name:'箱尺寸管理'})" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
<!-- WJOB_BASEMGR_CONTAINERTYPE -->
        <!-- <div class="model-margin model-margin-top" v-if="power('WJOB_BASEMGR_CONTAINERTYPE') || power('WJOB_BASEMGR_CONTAINERTYPE')"> -->
        <div class="model-margin model-margin-top">

            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">货物</h3>
            </div>
            <el-row>
                <el-col :span="4" v-if="power('WJOB_BASEMGR_CONTAINERTYPE')" class="common-operating-platform">
                    <div @mouseover="show('goodsKind')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/goodsKind.png" />
                            <span class="model-title-font">货类管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='goodsKind'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('cargoTypeForm')" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/cargoType',name:'货类管理'})" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_CONTAINERTYPE -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_CONTAINERTYPE')" class="common-operating-platform">
                    <div @mouseover="show('goodsName')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/goodsName.png" />
                            <span class="model-title-font">货名管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='goodsName'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('cargoNameForm')" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/cargoName',name:'货名管理'})" v-if="power('WJOB_BASEMGR_CONTAINERTYPE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
<!-- WJOB_BASEMGR_ENTRUSTSPLIT -->
        <!-- <div class="model-margin model-margin-top" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT') || power('WJOB_BASEMGR_ENTRUSTSPLIT') || power('WJOB_BASEMGR_ENTRUSTSPLIT') || power('WJOB_BASEMGR_ENTRUSTSPLIT')"> -->
        <div class="model-margin model-margin-top">
            
            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">规则管理</h3>
            </div>
            <el-row>
                <el-col :span="4" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT')" class="common-operating-platform">
                    <div @mouseover="show('entrustOpen')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/entrustOpen.png" />
                            <span class="model-title-font">委托拆分计划规则</span>
                        </div>
                        <div class="box handle" :style="isActive=='entrustOpen'?'':'display: none'">
                            <ul>
                                <li @click="handleDialogFormOpen" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/EntrustSplitRule',name:'委托拆分计划规则'})" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_CHARGINGRULE')" class="common-operating-platform">
                    <div @mouseover="show('computerFee')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/computerFee.png" />
                            <span class="model-title-font">计费规则</span>
                        </div>
                        <div class="box handle" :style="isActive=='computerFee'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('ruleFormNew')" v-if="power('WPTMGR_BASEMGR_CHARGINGRULE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/feeRule',name:'计费规则'})" v-if="power('WPTMGR_BASEMGR_CHARGINGRULE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_PIECEWORKRULE')" class="common-operating-platform">
                    <div @mouseover="show('computerPiece')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/computerPiece.png" />
                            <span class="model-title-font">计件规则</span>
                        </div>
                        <div class="box handle" :style="isActive=='computerPiece'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('pieceRuleForm')" v-if="power('WPTMGR_BASEMGR_PIECEWORKRULE:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/pieceRule',name:'计件规则'})" v-if="power('WPTMGR_BASEMGR_PIECEWORKRULE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_ENTRUSTSPLIT -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT')" class="common-operating-platform">
                    <div @mouseover="show('ruleSet')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/ruleSet.png" />
                            <span class="model-title-font">流程配置规则</span>
                        </div>
                        <div class="box handle" :style="isActive=='ruleSet'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('processRuleAddForm')" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/processRule',name:'流程配置规则'})" v-if="power('WJOB_BASEMGR_ENTRUSTSPLIT:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <!-- <div class="model-margin model-margin-top" v-if="power('WJOB_BASEMGR_WORKTEAM') || power('WJOB_BASEMGR_STAFFTEAM') || power('WJOB_BASEMGR_OPERATOR')"> -->
        <div class="model-margin model-margin-top">
            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">作业人员及班组</h3>
            </div>
            <el-row>
                <!-- WJOB_BASEMGR_WORKTEAM -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_WORKTEAM')" class="common-operating-platform">
                    <div @mouseover="show('taskClassManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/taskClassManager.png" />
                            <span class="model-title-font">作业班组管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='taskClassManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('workTeamForm')" v-if="power('WJOB_BASEMGR_WORKTEAM:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/JobWorkTeam',name:'作业班组管理'})" v-if="power('WJOB_BASEMGR_WORKTEAM:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_STAFFTEAM -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_STAFFTEAM')" class="common-operating-platform">
                    <div @mouseover="show('peopleClassManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/peopleClassManager.png" />
                            <span class="model-title-font">作业工种管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='peopleClassManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('jobProfessionForm')" v-if="power('WJOB_BASEMGR_STAFFTEAM:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/JobProfession',name:'作业工种管理'})" v-if="power('WJOB_BASEMGR_STAFFTEAM:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
<!-- WJOB_BASEMGR_OPERATOR -->
                <el-col :span="4" v-if="power('WJOB_BASEMGR_OPERATOR')" class="common-operating-platform">
                    <div @mouseover="show('taskPeopleManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/taskPeopleManager.png" />
                            <span class="model-title-font">作业人员管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='taskPeopleManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('operatorForm')" v-if="power('WJOB_BASEMGR_OPERATOR:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/Operator',name:'作业人员管理'})" v-if="power('WJOB_BASEMGR_OPERATOR:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <div class="model-margin model-margin-top">
            <div class="title-header">
                <div class="line"></div>
                <h3 style="margin-left: 10px;">其它</h3>
            </div>
            <el-row>
                <!-- WPTMGR_BASEMGR_PORT -->
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_PORT')" class="common-operating-platform">
                    <div @mouseover="show('portStationManager')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/portStationManager.png" />
                            <span class="model-title-font">港口及站点管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='portStationManager'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('portForm')" v-if="power('WPTMGR_BASEMGR_PORT:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/Port',name:'港口管理'})" v-if="power('WPTMGR_BASEMGR_PORT:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>

                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_ICCARD')" class="common-operating-platform">
                    <div @mouseover="show('ic')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/ic.png" />
                            <span class="model-title-font">IC卡管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='ic'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('icCardAddForm')" v-if="power('WPTMGR_BASEMGR_ICCARD:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/icCard',name:'IC卡管理'})" v-if="power('WPTMGR_BASEMGR_ICCARD:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_BARCODETEMP')" class="common-operating-platform">
                    <div @mouseover="show('code')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/code.png" />
                            <span class="model-title-font">条形码模板</span>
                        </div>
                        <div class="box handle" :style="isActive=='code'?'':'display: none'">
                            <ul>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/barcodeTemplate',name:'条形码模板'})" v-if="power('WPTMGR_BASEMGR_BARCODETEMP:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查看</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_BARCODE')" class="common-operating-platform">
                    <div @mouseover="show('codeManage')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/codeManage.png" />
                            <span class="model-title-font">条形码管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='codeManage'?'':'display: none'">
                            <ul>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/barcodeManagement',name:'条形码管理'})" v-if="power('WPTMGR_BASEMGR_BARCODE:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4" v-if="power('WPTMGR_BASEMGR_FESTIVAL')" class="common-operating-platform">
                    <div @mouseover="show('holiday')" @mouseout="hide" class="model-div-width">
                        <div class="icon-button">
                            <img src="@/assets/iconImg/holiday.png" />
                            <span class="model-title-font">节假日管理</span>
                        </div>
                        <div class="box handle" :style="isActive=='holiday'?'':'display: none'">
                            <ul>
                                <li @click="handleFormOpen('holidayManagementAddForm')" v-if="power('WPTMGR_BASEMGR_FESTIVAL:ADD')">
                                    <i class="iconfont icon-xinzeng"></i>
                                    <span>新增</span>
                                </li>
                                <li style="width: 10px;"></li>
                                <li @click="handleOpen({path:'/Home/SystemBase/holidayManagement',name:'节假日管理'})" v-if="power('WPTMGR_BASEMGR_FESTIVAL:QUERY')">
                                    <i class="iconfont icon-chaxun"></i>
                                    <span>查询</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </el-col>
            </el-row>
        </div>
        <el-dialog title="新增委托拆分计划规则" :visible.sync="dialogForm" width="1000px">
            <entrustSplitRule-form ref="entrustSplitRuleForm"></entrustSplitRule-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogForm = false">取 消</el-button>
                <el-button type="primary" @click="handleSubmit">保 存</el-button>
            </div>
        </el-dialog>
        <component :is="component" ref="component" @clear="component=''"></component>
    </div>
</template>

<script>
import entrustSplitRuleForm from "../entrustSplitRule/entrustSplitRuleForm"
import containerTypeForm from "../containerType/containerTypeForm"
import portForm from "../port/portForm"
import shipForm from "../port/shipForm"
import containerSizeForm from "../containerSize/containerSizeForm"
import workTeamForm from "../baseResource/jobWorkTeamForm"
import jobProfessionForm from "../baseResource/jobProfessionForm"
import jobTerminalForm from "../baseResource/jobTerminalForm"
import jobMachineryForm from "../baseResource/jobMachineryForm"
import jobVehicleForm from "../baseResource/jobVehicleForm"
import operatorForm from "../baseResource/operatorForm"
import cargoTypeForm from "../baseResource/cargoTypeForm"
import cargoNameForm from "../baseResource/cargoNameForm"
import specialTransportLineForm from "../baseResource/specialTransportLineForm"
import specialTransportLineMachineForm from "../baseResource/specialTransportLineMachineForm"
import ruleForm from '../balance/ruleForm'
import pieceRuleForm from '../balance/pieceRuleForm'
// 新增
import operationPointAddForm from '../operationPoint/operationPointAddForm'
import terminalLoginAddForm from '../terminalLogin/terminalLoginAddForm'
import icCardAddForm from '../icCard/icCardAddForm'
import barcodeTemplateAddForm from '../barcodeTemplate/barcodeTemplateAddForm'
import barcodeManagementAddForm from '../barcodeManagement/barcodeManagementAddForm'
import holidayManagementAddForm from '../holidayManagement/holidayManagementAddForm'
import processRuleAddForm from '../processRule/processRuleAddForm'
import ruleFormNew from '../balance/ruleFormNew'

export default {
    name: "jobBase",
    components: {
        entrustSplitRuleForm,
        containerTypeForm,
        portForm,
        containerSizeForm,
        workTeamForm,
        jobProfessionForm,
        jobTerminalForm,
        jobMachineryForm,
        jobVehicleForm,
        operatorForm,
        specialTransportLineForm,
        specialTransportLineMachineForm,
        shipForm,
        ruleForm,
        pieceRuleForm,
        cargoTypeForm,
        cargoNameForm,
        // 新增
        operationPointAddForm,
        terminalLoginAddForm,
        icCardAddForm,
        barcodeTemplateAddForm,
        barcodeManagementAddForm,
        holidayManagementAddForm,
        processRuleAddForm,
        ruleFormNew
    },
    data() {
        return {
            dialogForm: false,
            component: "",
            isActive: ""
        };
    },
    mounted() {},
    methods: {
        handleOpen(val) {
            // this.$router.push('/Home/SystemBase/'+val)
            this.$store.commit("ADD_CACHED_VIEWS", val);
            this.$router.push(val.path);
        },
        handleDialogFormOpen() {
            this.dialogForm = true;
            // this.$nextTick(()=>{
            //     this.$refs.entrustSplitRuleForm.getQuery()
            // })
        },
        handleSubmit() {
            this.$refs.entrustSplitRuleForm.handleSubmit(false);
        },
        handleFormOpen(ref) {
            this.component = ref;
            this.$nextTick(() => {
                this.$refs.component.dialogForm = true;
            });
        },
        show(val) {
            this.isActive = val
        },
        hide() {
            this.isActive = ""
        },
    },
    watch: {
        dialogForm(bool) {
            if (!bool) {
                this.$refs.entrustSplitRuleForm.form = this.$refs.entrustSplitRuleForm.clearForm();
                this.$refs.entrustSplitRuleForm.$refs.form.resetFields();
            }
        }
    }
};
</script>

<style scoped lang="scss">
.modules {
    min-width: 200px;
    max-width: 270px;
    width: 90%;
    height: 150px;
    border: 1px solid #e4e7ed;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px;
}

.title {
    width: 100%;
    height: 45px;
    background: #ecf0fd;
    text-align: center;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    span {
        font-size: 18px;
        color: black;
        // font-weight: 600;
        display: block;
        margin-top: 10px;
    }
}

.handle {
    ul {
        list-style: none; // display: inline-block;
        width: 100%;
        text-align: center;
        li {
            display: inline-block;
            width: 45px;
            margin-top: 6px;
            width: 25%;
            text-align: center;
            i {
                font-size: 32px;
                color: #fff;
            }
            span {
                display: inherit;
            }
        }
    }
}
.title-header {
    width: 90%;
    display: flex;
    height: 30px;
    margin-bottom: 20px;
}
.line {
    border-left: solid 5px #00a1ff;
    height: 18px;
    margin-top: 5px;
}
.model-div-width {
    min-width: 120px;
    max-width: 185px;
}
.model-margin {
    margin-left: 45px;
}
.model-margin-top {
    margin-top: 20px;
}
div.icon-button {
    min-width: 120px;
    max-width: 185px;
    height: 100px;
    border: 1px;
    text-align: center;
    line-height: 30px;
    padding-top: 20px;
    border-radius: 5px;
    border: 1px solid #e4e7ed;
    span {
        display: block;
    }
}
el-col {
    position: relative;
}
.box {
    position: absolute;
    top: 0;
    width: 185px;
    height: 100px;
    border: 1px;
    background: #000;
    opacity: 0.9;
    text-align: center;
    line-height: 30px;
    padding-top: 20px;
    border-radius: 5px;
    color: #fff;
    ul {
        margin-top: 10px;
    }
}
</style>
